<template>
    <div class="AccomplishBpm">
        <div style="text-align: center">
            <img class="AccomplishBpm-img" src="@/image/cg-icon.png"/>
            <p class="AccomplishBpm-text">{{i18n('accomplishBpm.succeed','流程审批提交成功')}}</p>
           <div class="AccomplishBpm-button">
               <a-button @click="getResult" type="primary">{{i18n('accomplishBpm.result','查看执行结果')}}</a-button>
               <a-button @click="close">{{$ti18('rxForm.closeBtn','关闭')}}</a-button>
           </div>
        </div>
    </div>
</template>

<script>
export default {
    name: "AccomplishBpm",
    methods:{
        i18n(name,text,key){
            return this.$ti18(name,text,"bpmInst",key);
        },
        close(){
            window.close();
        },
        getResult(){
            this.$router.push({ name: 'asyncTask' })
        }
    }
}
</script>

<style scoped>
.AccomplishBpm {
    width: 100%;
    height: 100%;
    background: white;
    display: flex;
    justify-content: center;
}

.AccomplishBpm-img {
    width: 184px;
    height: 184px;
    margin-top: 187px;
}

.AccomplishBpm-text {
    color: #303030;
    font-size: 24px;
    margin-top: 40px;
}
.AccomplishBpm-button{
    display: flex;
    margin-top: 60px;
    justify-content: center;
}
.AccomplishBpm-button button{
    margin-right: 40px;
    width: 141px;
}
</style>